<template>
  <dl class="vantagens">
    <dd>
      <h3>{{ $t("language.business.setitle") }}</h3>
      <span>{{ $t("language.business.sett1") }}</span>
      <p>{{ $t("language.business.setext1") }}</p>
      <span>{{ $t("language.business.sett2") }}</span>
      <p>{{ $t("language.business.setext2") }}</p>
      <span>{{ $t("language.business.sett3") }}</span>
      <p>{{ $t("language.business.setext3") }}</p>
    </dd>
    <dd>
      <NuxtImg src="/img/bb6.png" alt="" />
    </dd>
  </dl>
</template>

<script setup lang="ts">
</script>

<style scoped lang="scss">
.vantagens {
  position: relative;
  color: #fff;
  width: 100%;
  @include flex(row, space-between, flex-start);
  height: 100%;
  padding: 40px;

  dd:nth-child(1) {
    width: 55%;

    h3 {
      font-size: 30px;
      color: #fff;
      margin-bottom: 20px;
    }

    p {
      width: 100%;

      @include flex(row, flex-start, center);
      font-size: 14px;
      border-radius: 18px;
      color: #999;
      margin: 6px 0 25px 0;
    }

    span {
      font-size: 18px;
      color: #b5bac8;
    }
  }

  dd:nth-child(2) {
    position: relative;
    height: 100%;

    img {
      position: absolute;
      height: 84%;
      top: 0;
      right: 0;
    }
  }



}
</style>
